

<ion-header>
  <ion-navbar>
    <!-- <button ion-button  ></button> -->
    <ion-icon name="arrow-back-outline" (click)='Gopop()' class="pop"></ion-icon>
    <!-- <ion-title (click)='GoShopOver()'>确认订单</ion-title>    -->
    <ion-title>确认订单</ion-title>     
  </ion-navbar>
</ion-header>


<ion-content padding>

  <div class="contect">
    <!-- <button ion-button clear full color='dark' [ngClass]="{'user_no_address':true,'user_address':toHome}" (click)='toChoiseAddress()'> -->
        <button ion-button clear full color='dark' [ngClass]="{'user_no_address':true,'user_address':toHome}">
      <span>收货人：{{nickname}}</span>
      <span>{{user_phone}}</span>


      <p *ngIf="toHome">收货地址:{{user_address}}</p>
      <!-- <img src="assets/img/arrow.png" class='toChoseAddress' alt="">
      <img src="assets/img/4-1.png" class='dingwei' alt=""> -->
    </button>
  </div>
  <!-- 为收货地址的内容下面 增加一个条纹背景 -->
  <div class='tiaowenbeijin'></div>
  <div class="imgContent">
    <div class='shop_content'>
      <img class='shop_img' src="{{picrooturl}}{{shop_logo}}" alt="">
      <span class='shop_name'>{{shop_name}}</span>
    </div>
    <div>
      <img src="{{picrooturl}}{{service_pic}}" alt="" style="width:100%;height:100%;">
    </div>
    <div>
      <p>
        <span class='service_name' style='margin-top:0.5rem'>{{service_name}}</span>
      </p>
      <p class="time">
        <span>30天内红包有效</span>
      </p>
      <p class='price'>
        <span class='service_price'><span style='font-size:1.2rem'>￥</span>{{service_price}}</span>
        <span class='market_price'>价格: ￥{{market_price}}</span>
        <span class='price_count'>x {{num}}</span>
      </p>
    </div>
  </div>
  <ion-list class='order_content'>
    <ion-item>
      <div item-start>购买数量</div>
      <div class="operate">
        <div class="reduce" (click)="reduceNum()" >
            
          -
        </div>
        <div class="count">
          {{num}}
        </div>
        <div class="plus"  (click)="plusNum()" >
          +
        </div>
      </div>
    </ion-item>
    <ion-item>
      <div item-start>服务方式</div>
      <button class="toHome getServer" (click)="isToHome()" *ngIf="toHome"> 上门</button>
      <button class="toShop getServer" (click)="isToShop()" *ngIf="toShop"> 到店</button>
    </ion-item>


    <!--  去掉卖家留言功能  -->
    <!-- <ion-item style='display:none;'>
      <ion-label>买家留言：</ion-label>
      <ion-textarea placeholder="选填：填写内容已和卖家协商确认"></ion-textarea>
      
    </ion-item>  -->
<!-- <ion-input placeholder="选填：填写内容已和卖家协商确认"></ion-input> -->
  </ion-list>
  <div class="footer">
    <div class="fotertop">
      <div>
          <span>共{{num}}件商品</span> 小计：<span>￥{{service_price*num | number:'1.2-2'}}</span>
      </div>
    </div>
    <div class="foterbottom" >
        <div (tap)="submitOrder()" >提交订单</div>
        <div>
            合计金额：<span>￥{{service_price*num | number:'1.2-2'}}</span>
        </div>
    </div>
  </div>

</ion-content>